@charset "UTF-8";
.WebGmAli213SSO { width: 280px; height: 360px; border-radius: 12px; padding: 10px 15px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.WebGmAli213SSO .WebGmAli213SSOLoginSwitch { width: 70px; height: 70px; background: url(../images/ys2.png) no-repeat; background-size: 100%; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; }

.WebGmAli213SSO .WebGmAli213SSOLoginSwitch.on { background: url(../images/ys1.png) no-repeat; background-size: 100%; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode { display: none; }

.WebGmAli213SSO .WebGmali213SSOloginToggle { text-align: left; line-height: 30px; margin-bottom: 15px; }

.WebGmAli213SSO .WebGmali213SSOloginToggle span { font-size: 12px; color: #666; margin: 0 6px; cursor: pointer; }

.WebGmAli213SSO .WebGmali213SSOloginToggle .checked { font-size: 14px; color: #333; font-weight: bold; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber { position: relative; z-index: 1; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .WebGmali213SSOloginToggleCon .WebGmali213SSOloginToggleConLi + .WebGmali213SSOloginToggleConLi { display: none; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_input { width: 100%; height: 38px; border: 1px solid #cdcdcd; position: relative; margin-bottom: 25px; clear: both; background: #ffffff; border-radius: 4px; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_input .ali213SSO_input_common { position: absolute; width: 75%; height: 38px; line-height: 34px; color: #666666; top: 0px; left: 46px; outline: none; border: 0px; background: transparent; font-size: 14px; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_input em { position: absolute; width: 100%; height: 16px; left: 0px; bottom: -21px; color: #ff0000; font-size: 12px; font-weight: normal; font-style: normal; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_input span { width: 17px; height: 19px; position: absolute; top: 10px; left: 16px; width: 16px; height: 18px; background: url(../images/IconSprites.png) no-repeat; background-position: -10px -629px; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_input .ali213SSO_u_pwd { top: 12px; background-position: -42px -629px; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check { position: relative; width: 100%; height: 38px; margin-bottom: 25px; clear: both; border: 1px solid #cdcdcd; border-radius: 4px; background: #fff; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check .ali213SSO_input_check { position: absolute; width: 85px; height: 38px; line-height: 34px; color: #666666; top: 0px; left: 45px; outline: none; border: 0px; background: transparent; font-size: 14px; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check .WebGmali213SSO_check_btn { width: 91px; border-left: 0; float: right; height: 40px; line-height: 40px; cursor: pointer; font-size: 12px; color: #767676; text-align: center; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check span { width: 17px; height: 19px; position: absolute; top: 15px; left: 16px; width: 15px; height: 15px; height: 12px; background: url("https://static.ali213.net/js/common/sso/images/dx.png") no-repeat; background-size: 100% auto; opacity: 0.8; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check em { position: absolute; width: 100%; height: 16px; left: 0px; bottom: -21px; color: #ff0000; font-size: 12px; font-weight: normal; font-style: normal; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_btn { width: 100%; height: 40px; overflow: hidden; clear: both; }

.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_btn input { display: block; width: 100%; height: 40px; float: left; border: 0px; outline: none; text-align: center; line-height: 40px; color: #fffff3; font-size: 16px; cursor: pointer; font-weight: bold; border-radius: 4px; background: #ff9f00; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode .WebGmali213SSOloginTitle .resetCode { font-size: 15px; color: #333; text-align: center; line-height: 30px; margin-bottom: 15px; font-weight: bold; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode .ali213SSOloginCode { width: 180px; height: 180px; background-position: -12px -38px; border-radius: 12px; margin: 0 auto; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode .ali213SSOloginCode img { margin: 22px 0 0 24px; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode .WebGmcodeTitle { text-align: center; font-size: 14px; margin-top: 20px; }

.WebGmAli213SSO .WebGmAli213SSOLoginCode .WebGmcodeTitle span { color: var(--OrgColor); }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer { top: 50px; height: 230px; width: 248px; padding: 10px; margin-left: -4px; display: none; position: absolute; overflow: hidden; background: #ffffff; border: 1px solid #d6d6d6; -webkit-box-shadow: 0 0 6px #d6d6d6; box-shadow: 0 0 6px #d6d6d6; z-index: 2; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSODynamicYzmCloseBtn { position: absolute; width: 18px; height: 18px; overflow: hidden; top: 4px; right: 4px; background: url(https://i.ali213.net/statics/images/All.png) no-repeat -28px -130px; cursor: pointer; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSOYzmLable { height: 25px; line-height: 25px; margin: 20px 0; clear: both; overflow: hidden; color: #858585; font-size: 14px; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check { position: relative; width: 100%; height: 36px; margin-bottom: 26px; clear: both; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check .ali213SSO_check_code { width: 100px; height: 34px; border: 1px solid #cdcdcd; position: relative; float: left; background: #ffffff; /* border-radius: 20px; */ }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check .ali213SSO_check_code span { width: 16px; height: 16px; position: absolute; top: 9px; left: 8px; background: url(https://i.ali213.net/statics/images/All.png) no-repeat -48px -132px; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check .ali213SSO_check_code .ali213SSO_input_check { position: absolute; width: 70px; height: 34px; line-height: 34px; color: #9c9d9d; top: 0px; right: 0px; outline: none; border: 0px; background: transparent; font-size: 12px; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check em { position: absolute; width: 100%; height: 32px; line-height: 16px; left: 0px; bottom: -35px; color: red; font-size: 12px; font-weight: normal; font-family: 微软雅黑; font-style: normal; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check .ali213SSO_dynamic_check_img { width: 142px; border: 1px solid #cdcdcd; float: right; height: 34px; cursor: pointer; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .ali213SSO_dynamic_pic_check .ali213SSO_dynamic_check_img img { display: block; border: 0px; }

.WebGmAli213SSO .WebGmali213SSODynamicYzmLayer .WebGmali213SSODynamicYzmSubmitBtn {display: block;
    width: 80%;
    height: 40px;
    margin: 45px auto 0 auto;
    background-color: #ff9f00;
    border: 0px;
    outline: none;
    text-align: center;
    line-height: 40px;
    color: #FFFFF3;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    clear: both;
    overflow: hidden;
    border-radius: 20px;}

.WebGmAli213SSO .ali213SSO-third-way { margin-top: 35px; }
.WebGmAli213SSO .WebGmAli213SSOLoginNumber .ali213SSO_check .WebGmali213SSO_check_btn_countdown{
    position: absolute;
    top: 9px;
    right: 14px;
    color: #ffa000;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}

.WebGmAli213SSO .ali213SSO-third-way .ali213SSO-third-way-left { float: left; width: 100px; height: 30px; line-height: 30px; margin-bottom: 0; }

.WebGmAli213SSO .ali213SSO-third-way .ali213SSO-third-way-icons { width: 140px; float: left; }

.WebGmAli213SSO .ali213SSO-third-way .ali213SSO-third-way-icons > div { margin: 0 5px; width: 30px; height: 30px; background-size: 100%; }

.WebGmAli213SSO .ali213SSO-register-forgot { position: absolute; bottom: -25px; right: 0; width: 50%; }

.WebGmAli213SSO .ali213SSO-register-forgot a { margin-top: 10px; display: block; text-align: right; height: 20px; line-height: 20px; font-size: 14px; color: var(--OrgColor1); }

.WebGmAli213SSO .WebGmAppLoginTips { height: 40px; line-height: 40px; font-size: 14px; color: #666; letter-spacing: 2px; margin-top: 4px; }

.WebGmAli213SSO .WebGmAppLoginTips i { color: var(--OrgColor1); font-weight: bold; }

.WebGmUserInfo { display: none; width: 280px; height: 360px; border-radius: 10px; padding: 10px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.WebGmUserInfo .WebGmUserProfile { width: 100px; height: 90px; margin: 5px; position: relative; overflow: hidden; float: left; }

.WebGmUserInfo .WebGmUserProfile img { position: relative; z-index: 1; -o-object-fit: cover; object-fit: cover; width: 80px; height: 80px; margin: 6px auto; display: block; border-radius: 50%; }

.WebGmUserInfo .WebGmUserProfile::after { display: block; width: 100px; height: 90px; content: ""; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/IconSprites.png) no-repeat; background-position: -130px -282px; }

.WebGmUserInfo .WebGmUserInfoCon { width: 145px; height: 92px; float: left; margin-left: 5px; overflow: hidden; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserName { width: 100%; overflow: hidden; height: 30px; line-height: 30px; margin-top: 10px; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserName p { font-size: 16px; color: #333; max-width: 100px; height: 30px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserName span { font-size: 12px; color: #666; cursor: pointer; margin-left: 4px; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserIntegral { height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; color: #333; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserIntegral i { color: #ff3d00; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserABtn a { display: block; float: left; width: 40px; height: 20px; border-radius: 4px; text-align: center; line-height: 20px; font-size: 12px; color: #fff; background: #737e91; cursor: pointer; margin: 6px 10px 0 0; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserABtn a:hover { opacity: 0.8; }

.WebGmUserInfo .WebGmUserInfoCon .WebGmUserABtn .WebGmUserRecharge { background: #12b34f; }

.WebGmUserInfo .WebGmUserLevel { width: 240px; height: 20px; border-radius: 4px; background: #ebdfd8; margin: 14px 0 0 10px; float: left; }

.WebGmUserInfo .WebGmUserLevel .LevelName { width: 72px; height: 20px; border-radius: 4px; background: #f5ab7a; float: left; font-size: 12px; color: #333; font-style: italic; text-align: center; line-height: 20px; }

.WebGmUserInfo .WebGmUserLevel .LevelName i { display: inline-block; width: 15px; height: 14px; background: url(../images/IconSprites.png) no-repeat; background-position: -448px -546px; vertical-align: middle; margin: 0 4px 3px 0; }

.WebGmUserInfo .WebGmUserLevel .LevelLine { width: 148px; height: 10px; background: #fff; border-radius: 5px; float: left; margin: 5px 0 0 10px; }

.WebGmUserInfo .WebGmUserLevel .LevelLine span { display: block; max-width: 100%; height: 8px; margin: 1px; border-radius: 4px; background-image: -webkit-gradient(linear, left top, right top, from(var(--OrgColor)), to(var(--OrgColor1))); background-image: linear-gradient(to right, var(--OrgColor), var(--OrgColor1)); }

.WebGmUserInfo .WebGmUserGameList { overflow: hidden; float: left; margin: 18px 0 0 10px; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabHd { width: 240px; height: 28px; border: 1px solid #ff9f00; border-radius: 8px 8px 0 0; overflow: hidden; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabHd span { display: block; float: left; width: 50%; text-align: center; line-height: 28px; height: 28px; color: #ff9f00; font-size: 14px; cursor: pointer; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabHd .on { background: #ff9f00; color: #fff; font-weight: bold; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem + .UserGameListTabItem { display: none; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem { overflow: hidden; width: 100%; margin-top: 2px; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li { float: left; width: 100%; margin-top: 10px; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li::before { display: block; float: left; content: ">"; width: 10px; height: 12px; color: #ff9f00; line-height: 12px; font-family: serif; margin: 4px 0; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li a { display: block; float: left; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li a img { max-width: 20px; height: 20px; border-radius: 2px; display: block; float: left; -o-object-fit: cover; object-fit: cover; margin: 0 10px 0 5px; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li a p { width: 190px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #ff9f00; }

.WebGmUserInfo .WebGmUserGameList .UserGameListTabBod .UserGameListTabItem li:hover a p { color: var(--AHover); }